import React from 'react'
import "./welcome.less"
import { Link } from "react-router-dom";
import { useNavigate} from "react-router-dom";
export default function Welcome() {
    let navigate = useNavigate();
    const jump = (e:React.ChangeEvent<HTMLInputElement>) =>{
        console.log(e.target.value,'e')
        if(e.target.value == "START"){
            navigate('/login');
        }
    }
    return (
        <div className="welcome">
            <header
                    className="header"
                    ></header>
                    <main
                    className="main"
                    >
                    </main>
                    <footer
                    className="footer"
                    >
                      <div className='start'>
                      {/* <Link to="/home">START</Link> */}
                      <input type="text"
                       onChange={(e)=>jump(e)}
                       placeholder="START"
                      />
                      </div>
                    </footer>
        </div>
    )
}
